
// vue 模块环境配置的导出
module.exports = {
  // 该配置项可以修改 模块项目启动后 对应的项目在服务器的基础存放路径
  //   publicPath 默认取值为 / ， 如果需要修改-注意在路径前后增加 /
  // publicPath:"/aaaa/"
  // publicPath:"/",

  // vue官方描述的环境变化时的路径切换操作
  // publicPath:process.env.NODE_ENV === 'production'? '/dist/': '/',

  publicPath: "./", // 在路由为 history 模式先存在问题

  // 下述配置完成的是项目的相关静态页面的取值插件配置
  // 实际开发中基本使用默认值， 不进行修改 
  // pages:{
  //     index:{
  //         // page 的入口
  //         entry: 'src/main.js',
  //         // 模板来源
  //         template: 'public/index.html',
  //         // 在 dist/index.html 的输出
  //         filename: 'index.html',
  //         // 当使用 title 选项时，
  //         // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
  //         title: 'Index Page',
  //         // 在这个页面中包含的块，默认情况下会包含
  //         // 提取出来的通用 chunk 和 vendor chunk。
  //         chunks: ['chunk-vendors', 'chunk-common', 'index']
  //     }
  // }

  // css调试功能
  css: {
    sourceMap: true
  },

  devServer: {
    // port: "3000",

    // 启动代理服务器
    proxy:{
      // 修改代理服务器等级为 调试模式

      // key:value
      //   key 项目中需要被代理的请求前缀
      //   value 取值为对象 
      //        属性 target 代理后需要真实请求的地址
      //        属性 pathRewrite 重写拦截路径
      // 例如：项目发送请求  /api/filmApiNoCors/loadTyps.php
      //          该请求会进入下面的代理服务器 
      //              进行路径替换
      //                  /filmApiNoCors/loadTyps.php
      //              进行地址代理转换
      //                  http://127.0.0.1:80/filmApiNoCors/loadTyps.php
      "/api":{
        target:"http://127.0.0.1:80",
        pathRewrite:{
          // key 正则定义的需要被替换的 路径
          // value 需要被替换成的路径
          "^/api":""
        },
        logLevel:"debug"
      },
    }
  },

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      // 为项目提供统一的 动态样式语言的 共享变量的加载   
      patterns: [
        "./src/less/var.less"
      ]
    }
  }
}
